﻿<%@ Page Title="Redhouse - Nhà đỏ" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Home.aspx.cs" Inherits="RedHouse.Web.Home" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script type="text/javascript">
	$(document).ready(function() {
		$('#slider').nivoSlider({
			effect:"fade",
			slices:5,
			boxCols:8,
			boxRows:4,
			animSpeed:500,
			pauseTime:3500,
			startSlide:0,
			directionNav:false,
			directionNavHide:true,
			controlNav:true,
			controlNavThumbs:true,
			controlNavThumbsFromRel:true,
			keyboardNav:true,
			pauseOnHover:false,
			manualAdvance:false,
			afterLoad: function(){
				$('.nivo-controlNav').wrap('<div class="nivo-controlNav_wrap"></div>');
				$('.nivo-controlNav_wrap').before('<div class="nivo-controlNav_left"></div>');
				$('.nivo-controlNav_wrap').after('<div class="nivo-controlNav_right"></div>');
			},
			afterChange: function(){
				if ($(".nivo-control[rel='0']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"0px"},500);}
				else if ($(".nivo-control[rel='1']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"0px"},500);}
				else if ($(".nivo-control[rel='2']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"0px"},500);}
				else if ($(".nivo-control[rel='3']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"-243px"},500);}
				else if ($(".nivo-control[rel='4']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"-486px"},500);}
				else if ($(".nivo-control[rel='5']").hasClass("active")) {$('.nivo-controlNav a').animate({left:"-486px"},500);}
			},
			slideshowEnd: function(){
				$('.nivo-controlNav a').animate({left:"0px"},1000);
			},
		});
		
		$("#hidden-link").click(function() {
			var address = "index.html";
            window.location = address;
		});
		
		$("#top-left, #top-right").find("a").hover(function() {
			if (!$(this).hasClass("selected")) {
				var currSrc = $(this).find("img").attr("src");
				var nextSrc = currSrc.split('.');
				var newSrc = nextSrc[0] + "-hover" + ".png";
				$(this).find("img").attr("src", newSrc);
			}
		}, function() {
			if (!$(this).hasClass("selected")) {
				var currSrc = $(this).find("img").attr("src");
				var nextSrc = currSrc.split('-');
				var newSrc = nextSrc[0] + ".png";
				$(this).find("img").attr("src", newSrc);
			}
		});
		
		$('.nivo-controlNav_right').click(function(){
			var pos=Number($('.nivo-controlNav a').css("left").replace("px",""));
			if (pos>-486) {$('.nivo-controlNav a').animate({left:"-=243px"},250, function(){$('.nivo-controlNav a').clearQueue();} );}
		});

		$('.nivo-controlNav_left').click(function(){
			var pos=Number($('.nivo-controlNav a').css("left").replace("px",""));
			if (pos<-242){$('.nivo-controlNav a').animate({left:"+=243px"},250, function(){$('.nivo-controlNav a').clearQueue();} );}
		});
	});
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div id="slider" class="nivoSlider" >
	    <img class="home-slide" src="images/home-2.jpg" rel="images/home-2_thumb.png" title="#cap1"/>
	    <img class="home-slide" src="images/home-3.jpg" rel="images/home-3_thumb.png" title="#cap2"/>
	    <img class="home-slide" src="images/home-4.jpg" rel="images/home-4_thumb.png" title="#cap3"/>
	    <img class="home-slide" src="images/home-5.jpg" rel="images/home-5_thumb.png" title="#cap4"/>
	    <img class="home-slide" src="images/home-6.jpg" rel="images/home-6_thumb.png" title="#cap5"/>
	    <img class="home-slide" src="images/home-7.jpg" rel="images/home-7_thumb.png" title="#cap6"/>
    </div>
    <div id="cap1" class="nivo-html-caption">
	    <h1>Tôm sú kim sợi</h1><br />
	    <hr />
	    <ul>
		    <li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
		    <li>Cras ac quam viverra velit sollicitudin ultrices.</li>
		    <li>Donec at mauris at odio faucibus sodales.</li>
		    <li>Proin ut nisl at purus sollicitudin accumsan.</li>
	    </ul>
	    <hr />
	    <br />
	    <button class="button btn-cart" onclick="return redirectToSpecialties()"><span><span>Specialties</span></span></button>
	    &nbsp;&nbsp;&nbsp;<button class="button btn-cart" onclick="return redirectToMenu()"><span><span>Menu</span></span></button>
    </div>
    <div id="cap2" class="nivo-html-caption">
	    <h1>Súp lơ xào nấm</h1><br />
	    <hr />
	    <ul>
		    <li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
		    <li>Cras ac quam viverra velit sollicitudin ultrices.</li>
		    <li>Donec at mauris at odio faucibus sodales.</li>
		    <li>Proin ut nisl at purus sollicitudin accumsan.</li>
	    </ul>
	    <hr />
	    <br />
	    <button class="button btn-cart" onclick="return redirectToSpecialties()"><span><span>Specialties</span></span></button>
	    &nbsp;&nbsp;&nbsp;<button class="button btn-cart" onclick="return redirectToMenu()"><span><span>Menu</span></span></button>
    </div>
    <div id="cap3" class="nivo-html-caption">
	    <h1>Kem tươi</h1><br />
	    <hr />
	    <ul>
		    <li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
		    <li>Cras ac quam viverra velit sollicitudin ultrices.</li>
		    <li>Donec at mauris at odio faucibus sodales.</li>
		    <li>Proin ut nisl at purus sollicitudin accumsan.</li>
	    </ul>
	    <hr />
	    <br />
	    <button class="button btn-cart" onclick="return redirectToSpecialties()"><span><span>Specialties</span></span></button>
	    &nbsp;&nbsp;&nbsp;<button class="button btn-cart" onclick="return redirectToMenu()"><span><span>Menu</span></span></button>
    </div>
    <div id="cap4" class="nivo-html-caption">
	    <h1>Cua cari</h1><br />
	    <hr />
	    <ul>
		    <li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
		    <li>Cras ac quam viverra velit sollicitudin ultrices.</li>
		    <li>Donec at mauris at odio faucibus sodales.</li>
		    <li>Proin ut nisl at purus sollicitudin accumsan.</li>
	    </ul>
	    <hr />
	    <br />
	    <button class="button btn-cart" onclick="return redirectToSpecialties()"><span><span>Specialties</span></span></button>
	    &nbsp;&nbsp;&nbsp;<button class="button btn-cart" onclick="return redirectToMenu()"><span><span>Menu</span></span></button>
    </div>
    <div id="cap5" class="nivo-html-caption">
	    <h1>Tôm sú sốt <br />Bồ Đào Nha</h1><br />
	    <hr />
	    <ul>
		    <li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
		    <li>Cras ac quam viverra velit sollicitudin ultrices.</li>
		    <li>Donec at mauris at odio faucibus sodales.</li>
		    <li>Proin ut nisl at purus sollicitudin accumsan.</li>
	    </ul>
	    <hr />
	    <br />
	    <button class="button btn-cart" onclick="return redirectToSpecialties()"><span><span>Specialties</span></span></button>
	    &nbsp;&nbsp;&nbsp;<button class="button btn-cart" onclick="return redirectToMenu()"><span><span>Menu</span></span></button>
    </div>
    <div id="cap6" class="nivo-html-caption">
	    <h1>Hào sữa sashimi</h1><br />
	    <hr />
	    <ul>
		    <li>Nunc non turpis ac nulla fringilla dictum ut non augue.</li>
		    <li>Cras ac quam viverra velit sollicitudin ultrices.</li>
		    <li>Donec at mauris at odio faucibus sodales.</li>
		    <li>Proin ut nisl at purus sollicitudin accumsan.</li>
	    </ul>
	    <hr />
	    <br />
	    <button class="button btn-cart" onclick="return redirectToSpecialties()"><span><span>Specialties</span></span></button>
	    &nbsp;&nbsp;&nbsp;<button class="button btn-cart" onclick="return redirectToMenu()"><span><span>Menu</span></span></button>
    </div>
</asp:Content>
